<!--  -->
<template>
  <div>
    <el-container>
      <el-aside width="auto">
        <common-asider></common-asider>
      </el-aside>
      <el-container>
        <el-header>
          <Header></Header>
        </el-header>
        <el-main> <router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import CommonAsider from "../components/CommonAside";
import Header from "../components/Header";
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {
    CommonAsider,
    Header,
  },
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.el-header {
  padding: 0;
}

</style>